<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--360浏览器优先以webkit内核解析-->


    <title>H+ 后台主题UI框架 - 主页示例</title>

    <link rel="shortcut icon" href="favicon.ico"> <link href="{$Think.const.RESOURCE}css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="{$Think.const.RESOURCE}css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="{$Think.const.RESOURCE}css/animate.css" rel="stylesheet">
    <link href="{$Think.const.RESOURCE}css/style.css?v=4.1.0" rel="stylesheet">


</head>

<body class="gray-bg">



    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-sm-8">
                <div class="ibox">
                    <div class="ibox-content">

                        <form action="{:U('power/select')}" method="get" >
                            <div class="input-group">
                                <input type="text" name="key" placeholder="请输入 id / name " class="input form-control">
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn btn-primary"> <i class="fa fa-search"></i> Search</button>
                                </span>
                            </div>
                        </form>
                        <br>


                        <span class="text-muted small pull-right">当前时间: <i class="fa fa-clock-o"></i> 2:10 pm - 12.06.2014</span>

                        <h2>员工查询</h2>
                        <style>
                            #button4 span{
                                margin-top: 20px;

                            }
                        </style>
                        <div class="input-group" id="button4">
                            <span class="col-sm-3">
                                <a  href="{:U('power/select')}?role=1" class="label label-danger">管理员</a>
                            </span>
                            <span class="col-sm-3">
                                <a href="{:U('power/select')}?role=2" class="label label-warning">研发人员</a>
                            </span>
                            <span class="col-sm-3">
                                <a href="{:U('power/select')}?role=3" class="label label-info">运营人员</a>
                            </span>
                            <span class="col-sm-3">
                                <a href="{:U('power/select')}?role=4" class="label label-primary">客服人员</a>
                            </span>
                        </div>
                        <div class="clients-list">
                            <ul class="nav nav-tabs">
                                <span class="pull-right small text-muted "><strong style="color: red">{$count}</strong>  条记录</span>
                                <!--<li class="active"><a data-toggle="tab" href="clients.html#tab-1"><i class="fa fa-user"></i> Contacts</a></li>-->
                                <!--<li class=""><a data-toggle="tab" href="clients.html#tab-2"><i class="fa fa-briefcase"></i> Companies</a></li>-->
                            </ul>
                            <div class="tab-content">
                                <div id="tab-1" class="tab-pane active">
                                    <div class="full-height-scroll">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-hover">
                                                <tbody>

                                                <volist name="lists" id="vo">
                                                    <tr>
                                                        <td><a href="{:U('power/select')}?id={$vo.id}">{$vo.id}</a></td>
                                                        <td><a data-toggle="tab" href="{:U('power/select')}?id={$vo.id}" class="client-link">{$vo.name}</a></td>
                                                        <td class="contact-type"><a href="{:U('power/select')}?id={$vo.id}"><i class="fa fa-envelope"></i> {$vo.email}</a></td>
                                                        <td class="contact-type"><i class="fa fa-phone"></i> {$vo.iphone}</td>
                                                        <td class="contact-type" style="width: 60px"><i class="fa fa-user"> </i> {$vo.role}</td>
                                                    </tr>
                                                </volist>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox ">

                    <div class="ibox-content">
                        <div class="tab-content">
                            <div id="contact-1" class="tab-pane active">
                                <div class="row m-b-lg">
                                    <div class="col-lg-8">
                                        <strong>
                                            管理员可以
                                        </strong>

                                        <p>
                                            <ul>
                                                <li>添加员工</li>
                                                <li>分配权限</li>
                                                <li>修改除其他管理员之外的所有员工权限</li>
                                                <li>删除员工账户</li>

                                            </ul>
                                        </p>

                                        <a href="{:U('power/register')}" type="button" class="btn btn-primary btn-sm btn-block"><i
                                                class="fa fa-plus-square"></i> 添加新员工
                                        </a>
                                    </div>
                                </div>


                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- 全局js -->
    <script src="{$Think.const.RESOURCE}js/jquery.min.js?v=2.1.4"></script>
    <script src="{$Think.const.RESOURCE}js/bootstrap.min.js?v=3.3.6"></script>
    <script src="{$Think.const.RESOURCE}js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="{$Think.const.RESOURCE}js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="{$Think.const.RESOURCE}js/plugins/layer/layer.min.js"></script>

    <!-- 自定义js -->
    <script src="{$Think.const.RESOURCE}js/hplus.js?v=4.1.0"></script>
    <script type="text/javascript" src="{$Think.const.RESOURCE}js/contabs.js"></script>

    <!-- 第三方插件 -->
    <script src="{$Think.const.RESOURCE}js/plugins/pace/pace.min.js"></script>

</body>

</html>
